

 //封装函数
 function tab(menuClassName,textClassName){
    //获取元素
    
    let menu=document.querySelectorAll(menuClassName) //选项卡的菜单
    let text=document.querySelectorAll(textClassName) //选项卡的内容

    //定义变量保存上一个激活属性的索引
    let index=0
    //遍历
    menu.forEach(function(dom,i){ //dom：遍历的每一个a
        //点击事件
        dom.addEventListener('click',function(){ //点击当前选项卡的菜单
            //先干掉上一个激活属性的索引
            menu[index].classList.remove('active')
            text[index].classList.remove('on')
            //给当前添加激活属性active/on
            this.classList.add('active')
            text[i].classList.add('on')
            //将当前新的索引i赋给变量index
            index=i
        })
    })
 }
